<!DOCTYPE html>
<html>
  <head>
	<meta charset="utf-8">
	<title>Select controls</title>
	<link rel="stylesheet" href="/static/css/bootstrap.min.css">
	<link rel="stylesheet" href="/static/template.css">
	<script type="text/javascript" src="/static/d3.min.js"></script>
	<script src="/static/jquery-1.10.2.js"></script>
  </head> 
  <body>

  
{% block head %}
{{ wizard.form.media }}
{% endblock %}

<div id="container">


{% block form %}
<div class="stepHeader"> <span class="glyphicon glyphicon-wrench"/> Step <strong>{{ wizard.steps.step1 }}</strong> of <strong >{{ wizard.steps.count }}</strong></div>


<!-- start of form -->
<form action="" method="post">{% csrf_token %}
<table id="wizard">
    {{ wizard.management_form }}
    {{ wizard.form }}
</table>
{% if wizard.steps.prev %}
<button name="wizard_goto_step"  type="submit" value="{{ wizard.steps.first }}" class="btn btn-info"> <span class="glyphicon glyphicon-step-backward"/> First Step</button>
<button name="wizard_goto_step" type="submit" value="{{ wizard.steps.prev }}" class="btn btn-info"> <span class="
glyphicon glyphicon-backward"/> Prev Step</button>
{% endif %}
<!-- end of form -->


<div class="conterElementContainer">	<button type="submit" value="Go" class="btn btn-success"> Go <span class="glyphicon glyphicon-play"/> </button>
</div>
</form>
{% endblock %}

<div class="contentContainer">
{% block content %}
{% endblock %}
</div>


</div><!-- /#container -->

</body>
</html>
